<template>
  <div class="logged banxin">
    <!-- 登录后的组件 -->
    <div class="left">
      <button @click="$router.push('/mySinger')">666</button>
      <button @click="$router.push('/mySongs')">666</button>
      <button @click="$router.push('/myMv')">666</button>
    </div>
    <div class="right">
      <router-view />
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
};
</script>
 
<style lang = "less" scoped>
.logged {
  /* position: relative; */
  border: solid #d3d3d3 1px;
  border-bottom: none;
  height: 100vh;
  .left {
    width: 244px;
    height: 100vh;
    position: absolute;
    border-right: solid #d3d3d3 1px;
  }
  .right {
    margin-left: 244px;
  }
}
</style>